<!doctype html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>用户管理</title>

    <!-- Favicon -->
    <link rel="stylesheet" href="css/default-assets/new/toastr.min.css">
    <link rel="stylesheet" href="css/default-assets/new/sweetalert-2.min.css">

    <!-- Master Stylesheet [If you remove this CSS file, your file will be broken undoubtedly.] -->
    <link rel="stylesheet" href="style.css">
    <style>
        table a {
            cursor: pointer;
        }

    </style>
</head>

<body>


<!-- ======================================
******* Page Wrapper Area Start **********
======================================= -->
<div class="ecaps-page-wrapper">
    <!-- Sidemenu Area -->
    <div class="ecaps-sidemenu-area">
        <!-- Desktop Logo -->
        <div class="ecaps-logo">
            <a href="#" style="justify-content: center">管理员
            </a>
        </div>

        <!-- Side Nav -->
        <div class="ecaps-sidenav" id="ecapsSideNav">
            <!-- Side Menu Area -->
            <div class="side-menu-area">
                <!-- Sidebar Menu -->
                <nav>
                    <ul class="sidebar-menu" data-widget="tree" id="sidebar">

                    </ul>
                </nav>
            </div>
        </div>
    </div>

    <!-- Page Content -->
    <div class="ecaps-page-content">
        <!-- Top Header Area -->
        <header class="top-header-area d-flex align-items-center justify-content-between">
            <div class="left-side-content-area d-flex align-items-center">
                <!-- Mobile Logo -->
                <div class="mobile-logo mr-3 mr-sm-4">
                    <a href="#">管理员</a>
                </div>

                <!-- Triggers -->
                <div class="ecaps-triggers mr-1 mr-sm-3">
                    <div class="menu-collasped" id="menuCollasped">
                        <i class="zmdi zmdi-menu"></i>
                    </div>
                    <div class="mobile-menu-open" id="mobileMenuOpen">
                        <i class="zmdi zmdi-menu"></i>
                    </div>
                </div>

                <!-- Left Side Nav -->
                <ul class="left-side-navbar d-flex align-items-center">

                </ul>
            </div>

            <div class="right-side-navbar d-flex align-items-center justify-content-end">
                <!-- Mobile Trigger -->
                <div class="right-side-trigger" id="rightSideTrigger">
                    <!--<i class="ti-align-left"></i>-->
                </div>

                <!-- Top Bar Nav -->
                <ul class="right-side-content d-flex align-items-center">


                </ul>
            </div>
        </header>

        <!-- Main Content Area -->
        <div class="main-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12 mb-3">
                        <div class="card bg-boxshadow full-height">
                            <div class="card-body">
                                <h4 class="card-title mb-0">用户管理</h4>
                                <div class="table-responsive">
                                    <table class="table layout-table">
                                        <thead class="bg-success">
                                        <tr>
                                            <th class="text-white">微信头像</th>
                                            <th class="text-white">微信昵称</th>
                                            <th class="text-white">当前难度</th>
                                            <th class="text-white">学习时长</th>
                                            <th class="text-white">注册时间</th>
                                        </tr>
                                        </thead>
                                        <tbody id="table">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

        </div>
    </div>
</div>


<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bundle.js"></script>

<!-- Active JS -->
<script src="js/default-assets/active.js"></script>
<script src="js/lrz.all.bundle.js"></script>
<script src="js/uptu.js"></script>
<script src="js/mulu.js"></script>
<script src="js/default-assets/basic-form.js"></script>
<script src="js/default-assets/toastr.min.js"></script>
<script src="js/default-assets/sweetalert2.min.js"></script>
<script src="js/manifest.js"></script>
</body>
<script>


    _Setmenu('user');


    var biao = "user";

    const _Getshuju = function () {
        return new Promise(function (succ, err) {
            s.sb(biao);
            s.g(`c/common_list`, {
                s: function (data) {
                    if (data.code == 200) {
                        let info = data.data, html = [];
                        let nd = ['入门','低','中','高']
                        html = info.map(function (obj) {
                            return `
                           <tr>
                             <td><img src="${obj.wxhead}" style="width: 80px;height: 80px;border-radius: 40px"></td>
                             <td>${obj.wxname}</td>
                             <td>${nd[obj.nandu]}</td>
                             <td>${obj.shichang}分钟</td>
                             <td>${obj.addtime}</td>
                           </tr>
                           `
                        });
                        document.getElementById('table').innerHTML = html.join('');
                        succ();
                    }
                },
                e: function (e) {

                }
            })
        })
    };

    _Getshuju();



</script>
</html>